function init_UI_dialogos(){
	
	
	init_UI_dialogo_configuracion();//TODO deprecated por ahora, no hay parametros para un panel de configuracion
	
	
	
	$('<div>').attr("id","getLinkDiag").attr("class","dialog-modal").attr("title","Link de la Busqueda").appendTo($(document.body));
	$( "#getLinkDiag" ).dialog({	
		modal: true,
		width: 450,
		autoOpen: false,
		resizable: false,
		buttons: {	Ok: function() {$( this ).dialog( "close" );}},
		close: function(event, ui) {DIALOG_MANAGER.openedDialog();},
		open: function(event, ui) {DIALOG_MANAGER.closedDialog();},	
	});
	
	
	  
	
//	DEPRECATED
//	//---------------------------------BOTON 'HOW TO USE' ----------------------------------------
//	$("#howToUseButton").click(function(event){
//		var nodoPregunta = event.target;
//		var mensaje = "Checkboxes y radiobuttons para cambiar la configuracion de la vista y las animaciones";
//				
//		var position = $(nodoPregunta).offset(); 
//		   var x = $(nodoPregunta).position().left + $(nodoPregunta).outerWidth();
//	    var y = $(nodoPregunta).offset().top - $(document).scrollTop();
////	    var y = $(nodoPregunta).position().top - $(document).scrollTop();
//		
//	    domDiagHowToUse = $( "#howToUse");
//	    $(domDiagHowToUse).html(mensaje);
//	    
//	    $(domDiagHowToUse).dialog( "widget" ).addClass("textFont");
//	    
//	    console.log("posicion del dialogo x:",x," y:",y);
//		$(domDiagHowToUse).dialog( "option", "position", [x ,y ]);
//		$(domDiagHowToUse).dialog( "open" );
//	});
//	
//	$('<div>').attr("id","howToUse").attr("class","dialog-modal").attr("title","Como se usa").appendTo($(document.body));
//		
//		$( "#howToUse" ).dialog({	
//			modal: true,
//			autoOpen: false,	
//			buttons: {	Ok: function() {$( this ).dialog( "close" );}},
//			close: function(event, ui) {DIALOG_MANAGER.openedDialog();},
//			open: function(event, ui) {DIALOG_MANAGER.closedDialog();},	
//		});
//	//----------------------------------------------------------------------------------------------
		
};





//deprecated
//deprecated
//deprecated
function init_UI_dialogo_configuracion(){
	
$("#dialogoConfig").hide();
	return; 
	//TODO 
	
	
	///en header
	$("#btnShowConfigDialog").click(function(event){
		$('#dialogoConfig').dialog('open');
	});
	
	$( "#dialogoConfig" ).dialog({ 
		height: 200, width:400,
		modal: true,autoOpen: false,	
		zIndex: 1000,
		buttons: {	Cerrar: function() {$( this ).dialog( "close" );}},
		close: function(event, ui) {DIALOG_MANAGER.openedDialog();},
		open: function(event, ui) {DIALOG_MANAGER.closedDialog();},	
	});
	
	$( "#dialogoConfig" ).dialog( "widget" ).addClass("textFont");
	
	
	//**************************************************************************************************
	//------------------------------------------CHECKBOXES----------------------------------------------
	//**************************************************************************************************
	if (WEBGL.getRenderizarContexto()) {$("#chBoxContext").attr('checked', true); }
	else {$("#chBoxContext").attr('checked', false); };
	
	 $("#chBoxContext").change(function() {
		 WEBGL.toggleRenderizarContexto();
		  if ($(this).attr("checked")){ renderizarContexto = true;}
		  else {renderizarContexto = false;}
	 });
	 
	
	if (CONSTANTS.STATS_ENABLED) {$("#chBoxStatsBool").attr('checked', true).css("display","inline"); }
	else {$("#chBoxStatsBool").attr('checked', false).css("display","none"); };
	
	 $("#chBoxStatsBool").change(function() {
		  if ($(this).attr("checked")){ CONSTANTS.STATS_ENABLED = true; $(WEBGL.getDomStats()).css("display","inline");}
		  else {CONSTANTS.STATS_ENABLED = false;$(WEBGL.getDomStats()).css("display","none");}
	 });
	 
	 
	 
	 if (CONSTANTS.FLECHAS_CAMINO_ENABLED) {$("#chBoxFlechas").attr('checked', true); }
	 else {$("#chBoxFlechas").attr('checked', false); };
	 
	 $("#chBoxFlechas").change(function() {
		 if ($(this).attr("checked")){ CONSTANTS.FLECHAS_CAMINO_ENABLED = true; }
		 else {CONSTANTS.FLECHAS_CAMINO_ENABLED = false;}
	 });
	 
	 
	 //---------------------------------------fin CHECKBOXES---------------------------------------------- 
	 
	 
	
	
	$("#divRadiosAnimacionCamara").append("<br>");
	 var arr = estadoAnimacion.tiposAnimacionCamara;
	// console.log("arr-------------------------------->",arr.length);
	 var textoBotones = "Actualizar"; // esto hasta que se agregue el evento para hacer enter
	 for (var i = 0, l = arr.length; i<l; i++){
		 span = $("<div>");
		 r1 = $("<input />").attr({type: 'radio', name: 'tipoAnimacionCamara', value: arr[i].tipo});
		texto = arr[i].desc;
		
		 $(span).append(r1);
		 $(span).append(texto);
		
		var otrosComponetes = null;
		
		//TODO aca agregar los inputs para la animacion
		switch(arr[i].tipo){
			case "CONSTANTE" :
				
				otrosComponetes = $("<div>");
				 $(span).append(otrosComponetes);
				otrosComponetes.css("margin-left","20px");
				
				
				otrosComponetes.append("Tiempo en Seg");
				
				
				span2 = $("<div>").appendTo(otrosComponetes);
				span2.addClass("ui-spinner");
				
				 $("<input />").attr({ type: 'text', id: 'inputCameraAnimation',value: CONSTANTS.TIEMPO_POSICIONAMIENTO_CAMARA/1000,	size: 6 ,/*readonly: true*/})
				 .addClass("ui-spinner-box")
				.appendTo(span2)
				 .keyup(function(event){ //capturamos el "enter"
					  if(event.keyCode == 13){
						  if ( isNaN($("#inputCameraAnimation").val())){
						  alert($("#inputCameraAnimation").val()+ " no es un valor valido. recuerde que debe ingresar el tiempo en ms");
						  return
					  }
					 ANIMATOR.setTiempoPosCamara($("#inputCameraAnimation").val()*1000);
					  }
					});
				
								 
				 
				 $("<input />").attr({ type: 'button', value: '^'})
					.click(function(){ 	$("#inputCameraAnimation").val(ANIMATOR.addTiempoPosCamara(1000)/1000); })
					.addClass("ui-spinner-up")
					.appendTo(span2);	
								 
				 
				 
				 $("<input />").attr({ type: 'button', value: 'v', })
				 .click(function(){  $("#inputCameraAnimation").val(ANIMATOR.addTiempoPosCamara(-1000)/1000); })
				 .addClass("ui-spinner-down")
				  .appendTo(span2);
				 ;
				  
				  
//				  $("<input />").attr({ type: 'button', value: textoBotones, })
//				  .click(function(){
//					  if ( isNaN($("#inputCameraAnimation").val())){
//						  alert($("#inputCameraAnimation").val()+ " no es un valor valido. recuerde que es el valor en ms");
//						  return
//					  }
//					 ANIMATOR.setTiempoPosCamara($("#inputCameraAnimation").val()*1000);				  
//				   })
//				 .appendTo(otrosComponetes);
				 		
				break;
				
				
			case "VARIABLE" : 
				
				
				otrosComponetes = $("<div>").appendTo(span);
				otrosComponetes.css("margin-left","20px");
				
				otrosComponetes.append("Unidades por Segundo");
				
				
				span2 = $("<div >").appendTo(otrosComponetes);
				span2.addClass("ui-spinner");
				
				 $("<input />").attr({ type: 'text', id: 'inputVelocidadCamara',value: CONSTANTS.VELOCIDAD_POSICIONAMIENTO_CAMARA*1000,	size: 6 ,/*readonly: true*/})
				 .addClass("ui-spinner-box")
				.appendTo(span2)
				 .keyup(function(event){ //capturamos el "enter"
					  if(event.keyCode == 13){
						  if ( isNaN($("#inputVelocidadCamara").val())){
							  alert($("#inputVelocidadCamara").val()+ " no es un valor valido. recuerde que la unidad es 'unidades/segundo'");
							  return
						  }
						 ANIMATOR.setVelReposCamara($("#inputVelocidadCamara").val().toFixed(0)/1000);	
					  }
					});
				
				
								 
				 
				 $("<input />").attr({ type: 'button', value: '^'})
					.click(function(){ 	$("#inputVelocidadCamara").val((ANIMATOR.addVelReposCamara(0.1)*1000).toFixed(0)); })
					.addClass("ui-spinner-up")
					.appendTo(span2);	
								 
				 
				 
				 $("<input />").attr({ type: 'button', value: 'v', })
				 .click(function(){  $("#inputVelocidadCamara").val((ANIMATOR.addVelReposCamara(-0.1)*1000).toFixed(0)); })
				 .addClass("ui-spinner-down")
				  .appendTo(span2);
				 ;
				  
				

//				  $("<input />").attr({ type: 'button', value: textoBotones, })
//				  .click(function(){
//					  if ( isNaN($("#inputVelocidadCamara").val())){
//						  alert($("#inputVelocidadCamara").val()+ " no es un valor valido. recuerde que es el valor en ms");
//						  return
//					  }
//					 ANIMATOR.setVelReposCamara($("#inputVelocidadCamara").val()/1000);				  
//				   })
//				 .appendTo(otrosComponetes)				
//				 ;
				
				
				
				
				
				
				break;
		
		}
	
		 $("#divRadiosAnimacionCamara").append(span);
		 if (otrosComponetes)  $("#divRadiosAnimacionCamara").append(otrosComponetes);
		 $("#divRadiosAnimacionCamara").append("<br>");
	 }	 
	
	//seleccionamos el radio button del tipo de animacion, segun el valor de la configuracion inicial
	$('input:radio[name=tipoAnimacionCamara][value='+CONSTANTS.TIPO_ANIMACION_CAMARA_INICIAL+']:nth(0)').attr('checked',true);
	
	$("input[name=tipoAnimacionCamara]").change(function(){
		
//		alert($("input[name=tipoAnimacion]:checked").val());
		ANIMATOR.setTipoAnimacionCamara($("input[name=tipoAnimacionCamara]:checked").val());	
		//console.log("ANIMATOR.getTiposAnimacionCamara()",ANIMATOR.getTiposAnimacionCamaraActivo());
		//alert(ANIMATOR.getTiposAnimacionCamaraActivo());
	});
	
	
};